<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>solvbest</title>
        <meta name='robots' content='max-image-preview:large' />
        <meta name="dlm-version" content="4.9.11">
        <link rel="stylesheet" href="./css/vkExUnit_common_style.css" />
        <link rel="stylesheet" href="./css/vkExUnit_common_style-inline.css" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/qshlj16k/64pfk.css" media="all" />
        <link rel="stylesheet" href="./css/wp-block-library-inline.css" />
        <link rel="stylesheet" href="./css/vk-swiper.css" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/k27v4fp2/7t8u4.css" media="all" />
        <style id='classic-theme-styles-inline-css' type='text/css'>
            .wp-block-button__link {
                color: #fff;
                background-color: #32373c;
                border-radius: 9999px;
                box-shadow: none;
                text-decoration: none;
                padding: calc(.667em + 2px) calc(1.333em + 2px);
                font-size: 1.125em
            }

            .wp-block-file__button {
                background: #32373c;
                color: #fff;
                text-decoration: none
            }
        </style>
        <link rel="stylesheet" type="text/css" href="./css/global-styles.css" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/q92nwaab/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/l1yvpwra/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/1zc475s9/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/m04n1j9l/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/87a2d5p1/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/9k8oa2x8/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/m7we0ldh/64pfk.css" media="all" />
        <link rel='preload' id='parent-style-css-preload' href='./wp-content/themes/lightning-pro/style.css?ver=6.4.3'
            as='style' onload="this.onload=null;this.rel='stylesheet'" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/e9d7m4m/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./css/bootstrap-4.css" />
        <link rel="stylesheet" type="text/css" href="./css/lightning-common.css" />
        <style id='lightning-common-style-inline-css' type='text/css'>
            /* vk-mobile-nav */
            :root {
                --vk-mobile-nav-menu-btn-bg-src: url("../wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-btn-black.svg");
                --vk-mobile-nav-menu-btn-close-bg-src: url("../wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-close-black.svg");
                --vk-menu-acc-icon-open-black-bg-src: url("../wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-acc-icon-open-black.svg");
                --vk-menu-acc-icon-open-white-bg-src: url("../wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-acc-icon-open-white.svg");
                --vk-menu-acc-icon-close-black-bg-src: url("../wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-close-black.svg");
                --vk-menu-acc-icon-close-white-bg-src: url("../wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg");
            }
        </style>
        <link rel="stylesheet" type="text/css" href="./css/lightning-design.css" />
        <link rel="stylesheet" type="text/css" href="./css/lightning-design-style.css" />
        <link rel="stylesheet" type="text/css" href="./css/vk-blocks-build.css" />
        <style id='vk-blocks-build-css-inline-css' type='text/css'>
            :root {
                --vk_flow-arrow: url(../wp-content/plugins/vk-blocks-pro/inc/vk-blocks/images/arrow_bottom.svg);
                --vk_image-mask-wave01: url(../wp-content/plugins/vk-blocks-pro/inc/vk-blocks/images/wave01.svg);
                --vk_image-mask-wave02: url(../wp-content/plugins/vk-blocks-pro/inc/vk-blocks/images/wave02.svg);
                --vk_image-mask-wave03: url(../wp-content/plugins/vk-blocks-pro/inc/vk-blocks/images/wave03.svg);
                --vk_image-mask-wave04: url(../wp-content/plugins/vk-blocks-pro/inc/vk-blocks/images/wave04.svg);
            }

            :root {
                --vk-balloon-border-width: 1px;
                --vk-balloon-speech-offset: -12px;
            }
        </style>
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/e9d7m4m/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/8mhjpv25/64pfk.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./wp-content/cache/wpfc-minified/km3hhjph/64pfk.css" media="all" />
        <meta name="generator" content="WordPress 6.4.3" />
        <link rel="alternate" type="application/json+oembed"
            href="./wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.jedat.co.jp%2F" />
        <link rel="alternate" type="text/xml+oembed"
            href="./wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.jedat.co.jp%2F&#038;format=xml" />
        <style id="lightning-color-custom-for-plugins" type="text/css">
            /* ltg theme common */
            .color_key_bg,
            .color_key_bg_hover:hover {
                background-color: #045193;
            }

            .color_key_txt,
            .color_key_txt_hover:hover {
                color: #045193;
            }

            .color_key_border,
            .color_key_border_hover:hover {
                border-color: #045193;
            }

            .color_key_dark_bg,
            .color_key_dark_bg_hover:hover {
                background-color: #34538d;
            }

            .color_key_dark_txt,
            .color_key_dark_txt_hover:hover {
                color: #34538d;
            }

            .color_key_dark_border,
            .color_key_dark_border_hover:hover {
                border-color: #34538d;
            }
        </style>
        <style id="uagb-style-conditional-extension">
            @media (min-width: 1025px) {

                body .uag-hide-desktop.uagb-google-map__wrap,
                body .uag-hide-desktop {
                    display: none !important
                }
            }

            @media (min-width: 768px) and (max-width: 1024px) {

                body .uag-hide-tab.uagb-google-map__wrap,
                body .uag-hide-tab {
                    display: none !important
                }
            }

            @media (max-width: 767px) {

                body .uag-hide-mob.uagb-google-map__wrap,
                body .uag-hide-mob {
                    display: none !important
                }
            }
        </style>
        <style id="uagb-style-frontend-2">
            .uag-blocks-common-selector {
                z-index: var(--z-index-desktop) !important
            }

            @media (max-width: 976px) {
                .uag-blocks-common-selector {
                    z-index: var(--z-index-tablet) !important
                }
            }

            @media (max-width: 767px) {
                .uag-blocks-common-selector {
                    z-index: var(--z-index-mobile) !important
                }
            }
        </style>
        <link rel="icon" href="./image/cropped-super-big-icon-32x32.png" sizes="32x32" />
        <link rel="stylesheet" type="text/css" href="./css/wp-custom.css" />
        <link rel="stylesheet" href="./css/common.css" />
        <style type="text/css">
            .contact {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 40px 0 20px;
            }

            .wp-element-caption {
                cursor: pointer;
            }

            .wp-element-caption:hover {
                color: #2d98c7;
            }

            .contact .content-item {
                margin-bottom: 40px;
            }

            .has-text-align-center a:hover {
                color: #2d98c7 !important;
            }

            .contact .content-item .item-name {
                display: inline-block;
                width: 80px;
                font-size: 16px;
            }

            .contact .box-left {
                width: 50%;
            }

            .contact .box-right {
                width: 50%;
                text-align: center;
            }

            .contact .right-img1 {
                margin-bottom: 20px;
            }

            .contact .right-img2 {
                width: 200px;
            }

            .products-box {
                position: relative;
            }

            .wp-block-image {
                background-color: #ffffff;
            }

            .wp-block-image figcaption {
                margin-top: 1rem;
            }

            /* .products-box::after {
                width: 3000px;
                height: 100%;
                padding: 100px 0 60px;
                box-sizing: initial;
                background-color: #44b0e0;
                z-index: -1;
                position: absolute;
                left: -1000px;
                top: -110px;
                content: '';
            } */

            @media (max-width: 781px) {
                .page_top_btn {
                    width: 30px;
                    height: 28px;
                }

                .contact {
                    flex-wrap: wrap;
                }

                .contact .box-left {
                    width: 100%;
                }

                .contact .box-right {
                    width: 100%;
                }

                .contact .content-item {
                    margin-bottom: 20px;
                }
            }
        </style>
        <script type="text/javascript" id="megamenu-js-extra">
            /* <![CDATA[ */
            var megamenu = {
                "timeout": "300",
                "interval": "100"
            };
            /* ]]> */
        </script>
    </head>
    <body
        class="home page-template-default page page-id-2 ja post-name-toppage-2 post-type-page vk-blocks mega-menu-Header mega-menu-header-top mega-menu-vk-mobile-nav mega-menu-max-mega-menu-21 mega-menu-max-mega-menu-31 mega-menu-max-mega-menu-29 mega-menu-max-mega-menu-18 mega-menu-max-mega-menu-28 mega-menu-max-mega-menu-7 mega-menu-max-mega-menu-6 mega-menu-max-mega-menu-4 mega-menu-max-mega-menu-5 mega-menu-max-mega-menu-1 mega-menu-max-mega-menu-2 mega-menu-max-mega-menu-3 mega-menu-max-mega-menu-25 mega-menu-max-mega-menu-22 mega-menu-max-mega-menu-23 bootstrap4 device-pc fa_v6_css">
        <a class="skip-link screen-reader-text" href="#main">コンテンツに移動</a>
        <a class="skip-link screen-reader-text" href="#vk-mobile-nav">ナビゲーションに移動</a>
        <!-- 头部 -->


        <script src='./wp-content/cache/wpfc-minified/g4hyd0ji/64pfk.js' type="text/javascript"></script>
        <header class="siteHeader" id="header"></header>
        <div id="top__fullcarousel" data-interval="3000" class="carousel slide slide-main carousel-fade"
            data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">

            </ol>
            <div class="carousel-inner"></div>
            <a class="carousel-control-prev" href="#top__fullcarousel" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#top__fullcarousel" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div><!-- [ /#top__fullcarousel ] -->
        <div class="section siteContent">
            <div class="container">
                <div class="row">
                    <div class="col mainSection mainSection-col-one">
                        <article id="post-2" class="post-2 page type-page status-publish hentry ja">
                            <div class="entry-body">
                                <!-- <h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain is-style-vk-heading-padding  has-text-color has-large-font-size"  id="products-services" style="color:#2d98c7"><strong>About Us</strong></h2>
                                <div class="contact">
                                    <div class="box-left">
                                        <div class="box-left-content">
                                            <div class="content-item">
                                                <span class="item-name">会社名：</span>
                                                <span><strong>ソルベスト株式会社</strong></span>
                                            </div>
                                            <div class="content-item">
                                                <span class="item-name">英語表記：</span>
                                                <span><strong>SOLVBEST Co., Ltd.</strong></span>
                                            </div>
                                            <div class="content-item">
                                                <span class="item-name">Web Site：</span>
                                                <span><strong>www.solvbest.co.jp</strong></span>
                                            </div>
                                            <div class="content-item">
                                                <span class="item-name">本社：</span>
                                                <span><strong>神奈川県横浜市新横浜</strong></span>
                                            </div>
                                            <div class="content-item">
                                                <span class="item-name">事業内容：</span>
                                                <span><strong>Empyrean社EDA製品の代理販売および技術サポート</strong></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="box-right">
                                        <img class="right-img1" src="./image/contact-img.png" alt="" />
                                        <img class="right-img2" src="./image/contact-img2.png" alt="" />
                                    </div>
                                </div> -->
                                <!-- <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> -->
                                <h2 class="wp-block-heading has-text-align-center is-style-vk-heading-default has-text-color has-large-font-size"
                                    id="what-s-new" style="color:#2d98c7"><strong>News</strong></h2>

                                <div class="wp-block-group is-style-vk-group-alert-info has-background is-layout-flow wp-block-group-is-layout-flow"
                                    style="background-color:#eff5fb;padding-right:40px;padding-left:40px">
                                    <div class="wp-block-group__inner-container" id="news">
                                        <div class="news-box"></div>
                                        <div
                                            class="wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex">
                                            <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
                                                <p class="has-text-align-center"><a target="_blank"
                                                        href="./news.html?id=1">詳細　<img decoding="async" width="100"
                                                            height="100" class="wp-image-3546" style="width: 20px;"
                                                            src="./image/yajirushi.png" alt=""></a>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <h2 class="wp-block-heading has-text-align-center is-style-vk-heading-plain is-style-vk-heading-padding  has-text-color has-large-font-size"
                                    id="products-services" style="color:#2d98c7"><strong>Products</strong></h2>
                                <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
                                <div class="products-box">

                                </div>
                            </div>
                        </article><!-- [ /#post-2 ] -->
                    </div><!-- [ /.mainSection ] -->
                </div><!-- [ /.row ] -->
            </div><!-- [ /.container ] -->
        </div><!-- [ /.siteContent ] -->
        <footer class="section siteFooter" id="footer"></footer>

        <div id="vk-mobile-nav-menu-btn" class="vk-mobile-nav-menu-btn">MENU</div>
        <div class="vk-mobile-nav vk-mobile-nav-drop-in" id="vk-mobile-nav">
            <div id="mega-menu-wrap-vk-mobile-nav" class="mega-menu-wrap">
                <div class="mega-menu-toggle">
                    <div class="mega-toggle-blocks-left"></div>
                    <div class="mega-toggle-blocks-center"></div>
                    <div class="mega-toggle-blocks-right">
                        <div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-0'
                            id='mega-toggle-block-0'><button aria-label="メインメニュー"
                                class="mega-toggle-animated mega-toggle-animated-slider" type="button"
                                aria-expanded="false">
                                <span class="mega-toggle-animated-box">
                                    <span class="mega-toggle-animated-inner"></span>
                                </span>
                            </button></div>
                    </div>
                </div>
                <ul id="mega-menu-vk-mobile-nav" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js"
                    data-event="hover_intent" data-effect="fade_up" data-effect-speed="200"
                    data-effect-mobile="disabled" data-effect-speed-mobile="0" data-panel-width="#content"
                    data-mobile-force-width="false" data-second-click="go" data-document-click="collapse"
                    data-vertical-behaviour="standard" data-breakpoint="768" data-unbind="true"
                    data-mobile-state="collapse_all" data-hover-intent-timeout="300" data-hover-intent-interval="100">
                    <li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-11776"
                        id="mega-menu-item-11776"><a class="mega-menu-link" href="./index.html" tabindex="0">トップページ</a>
                    </li>
                    <li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-11776"
                        id="mega-menu-item-11776"><a class="mega-menu-link" href="./aboutUs.html" tabindex="0">会社概要</a>
                    </li>
                    <li class="mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-11776"
                        id="mega-menu-item-11776"><a class="mega-menu-link" href="./empyrean.html"
                            tabindex="0">Empyrean紹介</a></li>

                </ul>
            </div>
        </div><a href="#top" id="page_top" class="page_top_btn">PAGE TOP</a>
        <link href="./fonts/googleapis.css" rel="stylesheet">

        <style id='core-block-supports-inline-css' type='text/css'>
            .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-2.wp-container-core-columns-layout-2 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-4.wp-container-core-columns-layout-4 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-5.wp-container-core-columns-layout-5 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-6.wp-container-core-columns-layout-6 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-7.wp-container-core-columns-layout-7 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-8.wp-container-core-columns-layout-8 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-9.wp-container-core-columns-layout-9 {
                flex-wrap: nowrap;
            }

            .wp-container-core-columns-layout-10.wp-container-core-columns-layout-10 {
                flex-wrap: nowrap;
            }
        </style>
        <script type="text/javascript"
            src="./wp-content/plugins/vk-all-in-one-expansion-unit/inc/smooth-scroll/js/smooth-scroll.min.js?ver=9.96.0.1"
            id="smooth-scroll-js-js"></script>
        <script type="text/javascript" id="vkExUnit_master-js-js-extra">
            /* <![CDATA[ */
            var vkExOpt = {
                "ajax_url": ""
            };
            /* ]]> */
        </script>
        <script type="text/javascript"
            src="./wp-content/plugins/vk-all-in-one-expansion-unit/assets/js/all.min.js?ver=9.96.0.1"
            id="vkExUnit_master-js-js"></script>
        <script type="text/javascript"
            src="./wp-content/plugins/vk-blocks-pro/vendor/vektor-inc/vk-swiper/src/assets/js/swiper-bundle.min.js?ver=11.0.2"
            id="vk-swiper-script-js"></script>
        <script type="text/javascript" src="./wp-content/plugins/vk-blocks-pro/build/vk-slider.min.js?ver=1.69.1.2"
            id="vk-blocks-slider-js"></script>
        <script type="text/javascript" src="./wp-content/plugins/vk-blocks-pro/build/vk-accordion.min.js?ver=1.69.1.2"
            id="vk-blocks-accordion-js"></script>
        <script type="text/javascript" src="./wp-content/plugins/vk-blocks-pro/build/vk-faq2.min.js?ver=1.69.1.2"
            id="vk-blocks-faq2-js"></script>
        <script type="text/javascript" src="./wp-content/plugins/vk-blocks-pro/build/vk-animation.min.js?ver=1.69.1.2"
            id="vk-blocks-animation-js"></script>
        <script type="text/javascript" id="dlm-xhr-js-extra">
            /* <![CDATA[ */
            var dlmXHRtranslations = {
                "error": "An error occurred while trying to download the file. Please try again.",
                "not_found": "\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u304c\u5b58\u5728\u3057\u307e\u305b\u3093\u3002",
                "no_file_path": "No file path defined.",
                "no_file_paths": "\u30d5\u30a1\u30a4\u30eb\u30d1\u30b9\u304c\u6307\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002",
                "filetype": "Download is not allowed for this file type.",
                "file_access_denied": "Access denied to this file.",
                "access_denied": "Access denied. You do not have permission to download this file.",
                "security_error": "Something is wrong with the file path.",
                "file_not_found": "\u30d5\u30a1\u30a4\u30eb\u304c\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3002"
            };
            /* ]]> */
        </script>
        <script type="text/javascript" id="dlm-xhr-js-before">
            /* <![CDATA[ */
            const dlmXHR = {
                "xhr_links": {
                    "class": ["download-link", "download-button"]
                },
                "prevent_duplicates": true,
                "ajaxUrl": ""
            };
            dlmXHRinstance = {};
            const dlmXHRGlobalLinks = "./download/";
            const dlmNonXHRGlobalLinks = [];
            dlmXHRgif = "./wp-includes/images/spinner.gif";
            const dlmXHRProgress = "1"
            /* ]]> */
        </script>
        <script type="text/javascript" src="./wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=4.9.11"
            id="dlm-xhr-js"></script>
        <script type="text/javascript" id="email-before-download-js-extra">
            /* <![CDATA[ */
            var ebd_inline = {
                "ajaxurl": "",
                "ajax_nonce": ""
            };
            /* ]]> */
        </script>
        <script type="text/javascript"
            src="./wp-content/plugins/email-before-download/public/js/email-before-download-public.js?ver=6.9.7"
            id="email-before-download-js"></script>
        <script type="text/javascript" id="lightning-js-js-extra">
            /* <![CDATA[ */
            var lightningOpt = {
                "header_scrool": "1"
            };
            /* ]]> */
        </script>
        <script type="text/javascript" src="./wp-content/themes/lightning-pro/assets/js/lightning.min.js?ver=8.19.0"
            id="lightning-js-js"></script>
        <script type="text/javascript"
            src="./wp-content/themes/lightning-pro/library/bootstrap-4/js/bootstrap.min.js?ver=4.5.0"
            id="bootstrap-4-js-js"></script>
        <script src="./js/jquery.min.js"></script>
        <script src="./js/config.js"></script>
        <script type="text/javascript">
            fetch('./header.html')
                .then(response => response.text())
                .then(data => {
                    var header = document.getElementById('header');
                    header.innerHTML = data;

                    const script = document.createElement('script');
                    script.src = './js/header.js'; // 设置脚本的 src 属性  
                    document.head.appendChild(script); // 将脚本添加到文档的 head 中 
                });
        </script>
        <script type="text/javascript">
            fetch('./footer.html')
                .then(response => response.text())
                .then(data => {
                    document.getElementById('footer').innerHTML = data;
                });
        </script>

        <script type="text/javascript">
            $.ajax({
                url: API.index,
                method: 'post',
                success: (res) => {
                    console.log(res.data);
                    if (res.code == 1) {
                        res.data.banner.forEach((item, index) => {
                            console.log(item);
                            var swiperItem = `
                               <div class="carousel-item item item-${index} ${index == 0 ? 'active': ''}">
                                   <a href="${item.url}" target="_blank">
                                       <picture>
                                           <source media="(max-width: 767px)" srcset="${item.image}">
                                           <img src="${item.image}" alt=""
                                               class="slide-item-img d-block w-100">
                                       </picture>
                                       <div class="slide-cover" style="background-color:#0f0f0f;opacity:0.25"></div>
                                       <div class="slide-text-set mini-content">
                                           <div class="mini-content-container-1 container" style="text-align:left">
                                               <h3 class="slide-text-title"
                                                   style="text-align:left;color:#ffffff;text-shadow:0 0 2px #000000">${item.title}</h3>
                                               <div class="slide-text-caption"
                                                   style="text-align:left;color:#ffffff;text-shadow:0 0 2px #000000"></div>
                                           </div>
                                       </div>
                                   </a>
                               </div>
                           `;

                            var li =
                                `<li data-target="#top__fullcarousel" data-slide-to="${index}" class="${index == 0 ? 'active': ''}"></li>`;
                            $('.carousel-inner').append(swiperItem);
                            $('.carousel-indicators').append(li);
                        });
                        res.data.news.forEach((item, index) => {
                            item.published_time = item.published_time.split(' ')[0]
                            var newsHtml = `
                                <div
                                    class="vk_posts vk_posts-postType-post vk_posts-layout-postListText vk_postList post_list ">
                                    <div id="post-24347"
                                        class="vk_post vk_post-postType-post postListText post-24347 post type-post status-publish format-standard hentry category-info-j tag-pr ja">
                                        <span class="postListText_date published">${item.published_time}</span>
                                
                                        <p class="postListText_title"><a target="_blank" href="./detail.html?id=${item.id}">${item.post_title}</a></p>
                                    </div>
                                </div>
                            `;
                            $(".news-box").append(newsHtml);
                        })
                        var productHtml1 = document.createElement('div');
                        productHtml1.className =
                            'wp-block-columns is-layout-flex wp-container-core-columns-layout-3 wp-block-columns-is-layout-flex';
                        var productHtml2 = document.createElement('div');
                        productHtml2.className =
                            'wp-block-columns is-layout-flex wp-container-core-columns-layout-3 wp-block-columns-is-layout-flex';
                        res.data.product.forEach((item, index) => {
                            var li = `<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
                                        <div class="wp-block-group is-style-default is-layout-flow wp-block-group-is-layout-flow">
                                            <div class="wp-block-group__inner-container">
                                                <div class="wp-block-image img_kage">
                                                <a target="_blank" href="./product.html?id=${item.id}&type=detail">
                                                    <figure class="aligncenter size-full">
                                                        <img loading="lazy"
                                                                decoding="async" width="360" height="217"
                                                                src="${item.thumbnail}"
                                                                alt="" class="wp-image-21861"
                                                                srcset="${item.thumbnail}"
                                                                sizes="(max-width: 360px) 100vw, 360px" />
                                                        <figcaption class="wp-element-caption"><strong><span
                                                                    data-fontsize="16px" style="font-size: 16px;"
                                                                    class="vk_inline-font-size">${item.post_title}</span></strong>
                                                        </figcaption>
                                                    </figure>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>`;
                            if (index < 3) {
                                $(productHtml1).append(li);
                            } else {
                                $(productHtml2).append(li);
                            }
                        })
                        $('.products-box').append(productHtml1);
                        $('.products-box').append(productHtml2);
                    }
                }
            })
        </script>

    </body>
</html>